<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>打开关闭窗口</title>
	</head>
	<body>
		<p>
		<input type="button" value="打开窗口" onclick="openWin()" />
		</p>
		<p>
		<input type="button" value="关闭窗口" onclick="closeWin()" />
		</p>
		<p>
		<input type="button" value="检测窗口是否关闭" onclick="checkWin()" />
		</p>
		<div id="msg"></div>
		<script>
			// 窗口
			var win;  
			
			// 打开窗口：定义窗口名称，窗口大小、位置
			function openWin(){
				// open()方法参数：参数1：URL，没有指定就是空窗口
				// 参数2：窗口名称
				// 参数3：用逗号分隔
				win=window.open('','我的新窗口','width=400,height=200,left=200,top=100');		
				// 往新窗口中写入内容
				win.document.write(win.name+'<br>');				
				win.document.write(win.parent);
			}
			
			// 关闭窗口
			function closeWin(){
				// 若有打开的窗口，关闭				
				// 若没有窗口打开，弹出框提示
				if(win){
					win.close();
//					win=null;
				}else{
					alert("没有新窗口打开");
				}
				
			}
			
			// 检测窗口是否已关闭
			function checkWin(){
				var s;
				if(win){ // 窗口有被打开，判断窗口是否被关闭
					s=(win.closed?'窗口已关闭':'窗口打开着 还未关闭');					
				}else{
					s="窗口没有被打开"
				}
				var msg=document.getElementById('msg');
				msg.innerHTML=s;
			}
			
		</script>
	</body>
</html>
